﻿<!DOCTYPE html>
<html>
<head>
	<!-- set the encoding of your site -->
	<meta charset="utf-8">
	<!-- set the viewport width and initial-scale on mobile devices -->
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>List</title>
	<!-- include the site stylesheet -->
	<link href='https://fonts.googleapis.com/css?family=Merriweather:300,400,700%7CPoppins:400,300,500,600,700' rel='stylesheet' type='text/css'>
	<!-- include the site stylesheet -->
	<link rel="stylesheet" href="{{__TEMPLATE__}}/css/font-awesome.min.css">
	<!-- include the site stylesheet -->
	<link rel="stylesheet" href="{{__TEMPLATE__}}/css/bootstrap.css">
	<!-- include the site stylesheet -->
	<link rel="stylesheet" href="{{__TEMPLATE__}}/css/animate.css">
	<!-- include the site stylesheet -->
	<link rel="stylesheet" href="{{__TEMPLATE__}}/style.css">
	<!-- include the site stylesheet -->
	<link rel="stylesheet" href="{{__TEMPLATE__}}/css/responsive.css">
	<!-- include the site stylesheet -->
	<link rel="stylesheet" href="{{__TEMPLATE__}}/css/colors.css">
</head>
<body class="version-ii">
	<div class="loader-holder">
		<div class="loader">
			<div class="side"></div>
			<div class="side"></div>
			<div class="side"></div>
			<div class="side"></div>
			<div class="side"></div>
			<div class="side"></div>
			<div class="side"></div>
			<div class="side"></div>
		</div>
	</div>
	<!-- main container of all the page elements -->
	<div id="wrapper">
		<!-- w1 of the page -->
		<div class="w1">
			<!-- header of the page -->
			<header id="header" class="version-ii">
				<div class="container">
					<div class="row top-bar">
						<!-- Top Nav of the page -->
						<!--<nav class="col-xs-12 col-sm-6 policy-nav">-->
							<!--<ul>-->
								<!--<li><a href="#">sitemap</a></li>-->
								<!--<li><a href="#">privacy policy</a></li>-->
								<!--<li><a href="#">support</a></li>-->
							<!--</ul>-->
						<!--</nav>-->
						<!-- Top Nav of the page end -->
						<!--<div class="col-xs-12 col-sm-6 pull-right hidden-xs">-->
							<!--&lt;!&ndash; Social Network of the page &ndash;&gt;-->
							<!--<ul class="social-networks">-->
								<!--<li><a href="#"><span class="ico-facebook"></span></a></li>-->
								<!--<li><a href="#"><span class="ico-twitter"></span></a></li>-->
								<!--<li><a href="#"><span class="ico-google-plus"></span></a></li>-->
								<!--<li><a href="#"><span class="ico-linkedin"></span></a></li>-->
								<!--<li><a href="#"><span class="ico-pinterest"></span></a></li>-->
							<!--</ul>-->
							<!--&lt;!&ndash; Social Network of the page end &ndash;&gt;-->
						<!--</div>-->
					</div>
				</div>
				<!--<div class="stick-holder">-->
					<!--<div class="container">-->
						<!--<div class="row holder">-->
							<!--<div class="col-xs-3 col-sm-2">-->
								<!--&lt;!&ndash; Logo of the page &ndash;&gt;-->
								<!--<div class="logo"><a href="home.html"><img src="{{__TEMPLATE__}}/images/logo2.png" alt="dot"></a></div>-->
								<!--&lt;!&ndash; Logo of the page end &ndash;&gt;-->
							<!--</div>-->
							<!--<div class="col-xs-9 col-sm-10 nav-holder">-->
								<!--&lt;!&ndash; Nav of the page &ndash;&gt;-->
								<!--<nav id="nav" class="navbar navbar-default">-->
									<!--&lt;!&ndash; Navbar Header of the page &ndash;&gt;-->
									<!--<div class="navbar-header">-->
										<!--<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">-->
											<!--<span class="sr-only">Toggle navigation</span>-->
											<!--<span class="icon-bar"></span>-->
											<!--<span class="icon-bar"></span>-->
											<!--<span class="icon-bar"></span>-->
										<!--</button>-->
									<!--</div>-->
									<!--&lt;!&ndash; Navbar Header of the page end &ndash;&gt;-->
									<!--<a href="#" class="pull-right icon-menu"><span class="ico-menu"></span></a>-->
									<!--&lt;!&ndash; Collapse of the page &ndash;&gt;-->
									<!--<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">-->

										<!--<ul class="nav navbar-nav navbar-right">-->
											<!--<category pid="0">-->
											<!--<li><a <?php if($field['cate_id']==Request::get('cate_id')){ ?>class="cur"<?php } ?> href="{{$field['url']}}">{{$field['cate_name']}}</a></li>-->
											<!--</category>-->
										<!--</ul>-->

									<!--</div>-->
									<!--&lt;!&ndash; Collapse of the page end &ndash;&gt;-->
								<!--</nav>-->
								<!--&lt;!&ndash; Nav of the page &ndash;&gt;-->
							<!--</div>-->
						<!--</div>-->
					<!--</div>-->
				<!--</div>-->
				<!-- Side Nav of the page -->
				<nav class="side-nav">
					<a href="#" class="close"><i class="fa fa-times"></i></a>
					<!-- Widget of the page -->
					<h2>About me</h2>
					<section class="widget profile-widget">
						<div class="profile-pic">
							<a href="#">
								<img src="{{__TEMPLATE__}}/images/img11.jpg" alt="John Aston">
							</a>
						</div>
						<h3><a href="#">John Aston</a></h3>
						<p>Hi, I am John Aston. Duis autem vel eum dolor in hendrerit in vulputate velit esse mole consequat, vel illum dolore eu feugiat nulla lisis at vero eros et accumsan et iusto.</p>
						<!-- Social Network of the page -->
						<ul class="social-networks">
							<li><a href="#"><span class="icon ico-facebook"></span></a></li>
							<li><a href="#"><span class="icon ico-twitter"></span></a></li>
							<li><a href="#"><span class="icon ico-google-plus"></span></a></li>
							<li><a href="#"><span class="icon ico-linkedin"></span></a></li>
							<li><a href="#"><span class="icon ico-pinterest"></span></a></li>
						</ul>
						<!-- Social Network of the page end -->
					</section>
					<!-- Widget of the page end -->
				</nav>
				<!-- Side Nav of the page end -->
			</header>
			<!-- Header of the page end -->
			<!-- Main of the page -->
			<main id="main" role="main">
				<!-- Page head of the page -->
				<header class="page-head wow fadeInUp" data-wow-delay="0.6s" style="background-image: url({{__TEMPLATE__}}/images/img52.jpg);">
					<div class="container">
						<div class="row">
							<div class="col-xs-12">
								<h1>Archive Page</h1>
								<ol class="breadcrumb">
									<li><a href="/">Home</a></li>
									<li class="active"><a href="/c/{{$cms_field['cate_id']}}.html">{{$cms_field['cate_name']}}</a></li>
								</ol>
							</div>
						</div>
					</div>
				</header>
				<!-- Page head of the page end -->
				<div id="twocolumns" class="container">
					<div class="row">
						<div class="col-xs-12">
							<div class="main-header">
								<strong class="title">Showing post for “Travel”</strong>
							</div>
						</div>
					</div>
					<div class="row">
						<!-- Content of the page -->
						<div id="content" class="col-xs-12 col-md-8">
							<!-- Widget of the page -->
							<div class="widget widget_search hidden-md hidden-lg">
								<form method="get" class="search-form" action="/search">
									<fieldset>
										<input type="text" name="keyword" placeholder="Type to search here">
										<button type="submit" class="ico-search"></button>
									</fieldset>
								</form>
							</div>
							<!-- Widget of the page end -->
							<!-- Widget of the page -->
							<section class="widget profile-widget version-ii hidden-lg hidden-md">
								<div class="profile-pic">
									<a href="#">
										<img src="{{__TEMPLATE__}}/images/img11.jpg" alt="John Aston">
									</a>
								</div>
								<h3><a href="#"><img src="{{__TEMPLATE__}}/images/text-jhon-aston.png" alt="jhon aston"></a></h3>
								<p>Hi, I am John Aston. Duis autem vel eum dolor in hendrerit in vulputate velit esse mole consequat, vel illum dolore eu feugiat nulla lisis at vero eros et accumsan et iusto.</p>
								<!-- Social Network of the page -->
								<ul class="social-networks">
									<li><a href="#"><span class="icon ico-facebook"></span></a></li>
									<li><a href="#"><span class="icon ico-twitter"></span></a></li>
									<li><a href="#"><span class="icon ico-google-plus"></span></a></li>
									<li><a href="#"><span class="icon ico-linkedin"></span></a></li>
									<li><a href="#"><span class="icon ico-pinterest"></span></a></li>
								</ul>
								<!-- SOcial Network of the page end -->
							</section>
							<!-- Widget of the page end -->
							<!-- Posts Blocks of the page -->
							<section class="posts-blocks">
								<!-- Post Block of the page -->
								<arclist row="9">
									<!-------------------------  栏目开始    ---------------------->
									<article class="post-block wow fadeInUp" data-wow-delay="0.6s">
										<div class="post-holder">
											<div class="img-holder">
												<a href="{{$field['url']}}"><img src="{{$field['arc_thumb']}}" alt="image description"></a>
											</div>
											<time datetime="2011-01-12"><a href="#">{{$field['updated_at']}} - Travel</a></time>
											<h2><a href="single-post.html">{{$field['arc_title']}}</a></h2>
											<p>{{$field['arc_description']}}</p>
											<a href="single-post.html" class="read-more">{{$field['arc_author']}}</a>
											<footer>
												<strong class="text comment-count"><span class="icon ico-comment"></span><a href="#">{{$field['arc_click']}}</a></strong>
												<strong class="text share-count"><span class="icon ico-share"></span><a href="#">{{$field['arc_orderby']}}</a></strong>
											</footer>
										</div>
									</article>
									<!--------------------------- 栏目结束     -------------------->
								</arclist>


							</section>
							<!-- Posts Blocks of the page end -->
							<!-- Navigation of the page -->
							<!--------------   分页开始   -------------------------->

							<!-------------------------------->
							<style>
								.pagelist nav .pagination  li{
									float: left;width: 80px;
								}
								.pagelist nav .pagination  li.active a{
									background: #312bff;color: #fff;
								}
							</style>
							<div class="pagelist">
								{{$data->links()}}

							</div>
							<!--------------   分页结束   -------------------------->
							<!-- Navigation of the page end -->
						</div>
						<!-- Sidebar of the page -->
						<aside id="sidebar" class="col-xs-12 col-md-4">
							<!-- Widget of the page -->
							<section class="widget profile-widget version-ii hidden-sm hidden-xs wow fadeInUp" data-wow-delay="0.6s">
								<div class="profile-pic">
									<a href="#">
										<img src="{{__TEMPLATE__}}/images/img11.jpg" alt="John Aston">
									</a>
								</div>
								<h3><a href="#"><img src="{{__TEMPLATE__}}/images/text-jhon-aston.png" alt="jhon aston"></a></h3>
								<p>Hi, I am John Aston. Duis autem vel eum dolor in hendrerit in vulputate velit esse mole consequat, vel illum dolore eu feugiat nulla lisis at vero eros et accumsan et iusto.</p>
								<!-- Social Network of the page -->
								<ul class="social-networks">
									<li><a href="#"><span class="icon ico-facebook"></span></a></li>
									<li><a href="#"><span class="icon ico-twitter"></span></a></li>
									<li><a href="#"><span class="icon ico-google-plus"></span></a></li>
									<li><a href="#"><span class="icon ico-linkedin"></span></a></li>
									<li><a href="#"><span class="icon ico-pinterest"></span></a></li>
								</ul>
								<!-- Social Network of the page end -->
							</section>
							<!-- Widget of the page -->

							<!-- Widget of the page end -->
							<!-- Widget of the page -->
							<section class="widget recent-posts-widget version-ii wow fadeInUp" data-wow-delay="0.6s">
								<header class="tab-head">
									<h3><a class="active" href="#tab1">Recent Posts</a></h3>
									<h3><a href="#tab2">Popular Posts</a></h3>
								</header>
								<div class="tab-content">
									<div id="tab1">
										<ul>
											<arclist arc_id="6,7,8">
												<li>
													<div class="alignleft">
														<img src="{{$field['arc_thumb']}}" alt="image description">
													</div>
													<div class="descr">
														<h4><a href="{{$field['url']}}">{{$field['arc_title']}}</a></h4>
														<span class="post-tag">
															<time datetime="2011-01-12"><a href="#">{{$field['updated_at']}}</a></time>
														</span>
													</div>
												</li>
											</arclist>
										</ul>
									</div>
									<div id="tab2">
										<ul>
											<li>
												<div class="alignleft">
													<img src="{{__TEMPLATE__}}/images/img29.jpg" alt="image description">
												</div>
												<div class="descr">
													<h4><a href="single-post.html">Holiday is awesome when loved <br>one beside me.</a></h4>
													<span class="post-tag">
														<time datetime="2011-01-12"><a href="#">25th may</a></time>
													</span>
												</div>
											</li>
											<li>
												<div class="alignleft">
													<img src="{{__TEMPLATE__}}/images/img27.jpg" alt="image description">
												</div>
												<div class="descr">
													<h4><a href="single-post.html">Traveling is awesome if you <br>can enjoy.</a></h4>
													<span class="post-tag">
														<time datetime="2011-01-12"><a href="#">25th may</a></time>
													</span>
												</div>
											</li>
											<li>
												<div class="alignleft">
													<img src="{{__TEMPLATE__}}/images/img28.jpg" alt="image description">
												</div>
												<div class="descr">
													<h4><a href="single-post.html">I get up in the morning looking <br>for an adventure.</a></h4>
													<span class="post-tag">
														<time datetime="2011-01-12"><a href="#">25th may</a></time>
													</span>
												</div>
											</li>
										</ul>
									</div>
								</div>
							</section>
							<!-- Widget of the page end -->
							<!-- Widget of the page -->
							<div class="widget promo-widget">
								<a href="#"><img src="{{__TEMPLATE__}}/images/ad-placeholder.jpg" alt="“Place your Advertisement here”"></a>
							</div>
							<!-- Widget of the page end -->
							<!-- Widget of the page -->
							<div class="widget widget_categories version-ii wow fadeInUp" data-wow-delay="0.6s">
								<header class="widget-head">
									<h3>Category</h3>
								</header>
								<ul>
									<category pid="0">
										<li>
											<a <?php if($field['cate_id']==Request::get('cate_id')){ ?>class="cur"<?php } ?> href="{{$field['url']}}">{{$field['cate_name']}}</a>
										</li>
									</category>
								</ul>
							</div>
							<!-- Widget of the page end -->
						</aside>
						<!-- Sidebar of the page end -->
					</div>
				</div>
				<!-- Instagram Slider of the page -->
				<div class="instagram-slider version-ii container-fluid wow fadeInUp" data-wow-delay="0.6s">
					<div class="row">
						<div class="mask">
							<div class="slideset">
								<div class="slide">
									<a href="#"><img src="{{__TEMPLATE__}}/images/img30.jpg" alt="image description"></a>
								</div>
								<div class="slide">
									<a href="#"><img src="{{__TEMPLATE__}}/images/img31.jpg" alt="image description"></a>
								</div>
								<div class="slide">
									<a href="#"><img src="{{__TEMPLATE__}}/images/img35.jpg" alt="image description"></a>
								</div>
								<div class="slide">
									<a href="#"><img src="{{__TEMPLATE__}}/images/img32.jpg" alt="image description"></a>
								</div>
								<div class="slide">
									<a href="#"><img src="{{__TEMPLATE__}}/images/img33.jpg" alt="image description"></a>
								</div>
								<div class="slide">
									<a href="#"><img src="{{__TEMPLATE__}}/images/img36.jpg" alt="image description"></a>
								</div>
								<div class="slide">
									<a href="#"><img src="{{__TEMPLATE__}}/images/img34.jpg" alt="image description"></a>
								</div>
								<div class="slide">
									<a href="#"><img src="{{__TEMPLATE__}}/images/img30.jpg" alt="image description"></a>
								</div>
								<div class="slide">
									<a href="#"><img src="{{__TEMPLATE__}}/images/img31.jpg" alt="image description"></a>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- Instagram Slider of the page end -->
			</main>
			<!-- Main of the page end -->
			<!-- Aside of the page -->
			<aside class="aside version-ii container">
				<div class="row">
					<div class="col-xs-12 holder">
						<div class="col">
							<div class="logo"><a href="#"><img src="{{__TEMPLATE__}}/images/logo2.png" alt="dot"></a></div>
							<tag action='links.links' >
								<p><a  style="color: red;" target="_blank" href="{{$field['links_url']}}">{{$field['links_name']}}</a></p>
							</tag>
							<!--QQ推广-->
							<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=2629637050&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:2629637050:51" alt="点击这里给我发消息" title="点击这里给我发消息"/></a>
							<!-- Social Network of the page -->
							<ul class="social-networks">
								<li><a href="#"><span class="ico-facebook"></span></a></li>
								<li><a href="#"><span class="ico-twitter"></span></a></li>
								<li><a href="#"><span class="ico-google-plus"></span></a></li>
								<li><a href="#"><span class="ico-linkedin"></span></a></li>
								<li><a href="#"><span class="ico-pinterest"></span></a></li>
							</ul>
							<!-- Social Network of the page end -->
						</div>
						<!-- Footer Nav of the page -->
						<nav class="col footer-nav">
							<h3>Important Links</h3>
							<ul>
								<category pid="0">
									<li>
										<a <?php if($field['cate_id']==Request::get('cate_id')){ ?>class="cur"<?php } ?> href="{{$field['url']}}">{{$field['cate_name']}}</a>
									</li>
								</category>
							</ul>
						</nav>
						<!-- Footer Nav of the page end -->
						<!-- Footer Nav of the page -->
						<nav class="col footer-nav">
							<h3>Hot article</h3>
							<ul>
								<arclist arc_id="5,6，7">
									<li><a href="{{$field['url']}}">{{$field['arc_title']}}</a></li>

								</arclist>

							</ul>
						</nav>
						<!-- Footer Nav of the page end -->
						<div class="col">
							<!-- subscribe form of the page -->
							<form action="/search" method="get" class="subscribe-form">
								<div class="form-group">
									<input type="text" class="form-control" name="keyword" placeholder="Enter your email here">
									<button type="submit" class="ico-send"></button>
								</div>
							</form>
							<!-- subscribe form of the page end -->
						</div>
					</div>
				</div>
			</aside>
			<!-- Aside of the page end -->
			<!-- Footer of the page -->

			<!-- Footer of the page end -->
			<!-- Back Top of the page -->
	    	<span id="back-top" class="fa fa-angle-up"></span>
	    	<!-- Style Changer of the page -->
	    	<div id="style-changer" data-src="inc/style-changer.html"></div>
		</div>
	</div>
	<!-- include jQuery -->
	<script src="{{__TEMPLATE__}}/js/jquery.js"></script>
	<!-- include jQuery -->
    <script src="{{__TEMPLATE__}}/js/plugins.js"></script>
    <!-- include jQuery -->
    <script src="{{__TEMPLATE__}}/js/jquery.main.js"></script>
</body>
</html>

